<%--
  Created by IntelliJ IDEA.
  User: Specter
  Date: 2019/5/5
  Time: 13:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <style>
        body{
            background: url("/css/bg.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            overflow-x: hidden;
        }
        .mess{
            width: 100%;
            height: 30px;
            float: top;
        }
        .mess1{
            width: 200px;
            height: 500px;
            background-color: #ded7d7;
            float: left;
            opacity: 0.85;
            margin-left: -75px;
        }
        .tx{
            width: 100px;
            height: 100px;
            border-radius: 50%;

        }
        .mess2{
            width: 77%;
            height:500px;
            background-color: #ded7d7;
            float: right;
            opacity: 0.85;
            margin-right: 50px;
        }
        .hrLine{
            vertical-align:middle;
            display:inline-block;
        }
    </style>
</head>
<body>
<div class="mess">
    <h3 style="color: white;float: left;margin-top: 0px;margin-left: 25px;">绿色生活</h3>
    <a href="anlogin.jsp" style="color: white;float: right;">退出</a>
</div>
<div class="mess1">
    <div style="text-align:center;">
        <img src="/css/a.jpg" alt="" class="tx">
    </div>
    <h4 style="text-align:center;margin-top: 0px;margin-bottom: 0px;">谢梓轩</h4>
    <h3 style="text-align: center;">个人信息</h3>
</div>
<div class="mess2">
    <h2 style="text-align: center;margin-bottom: 0px;">账户设置</h2>
    <h3 style="text-align: center;margin-top: 0px;color:#9a9696; ">管理你的账户信息并设置邮箱</h3>
    <div style=" width:100%; text-align:left; margin-left:15px; margin-right:15px;">
        <hr class="hrLine" style="width:50px;"/>个人信息<hr class="hrLine" style="width:80%;"/>
    </div>
    <form>
        <div style="float: right;margin-right: 100px;"><input type="submit" value="修改" action="message.html"></div>
        <div style="float: left;margin-left:50px; ">
            <br>
            <div>用户名</div>
            <input type="text" name="username" value="admin">
            <br><br>
            <div>姓</div>
            <input type="text" name="surname" value="谢">
        </div>
        <div style="float: right;margin-right:300px; ">
            <br>
            <div>邮箱</div>
            <input type="text" name="mail" value="1292675809@qq.com"><br><br>
            <div>名</div>
            <input type="text" name="name" value="梓轩">
        </div>
    </form>
</div>
<script type="text\javascript">

</script>
</body>
</html>
